//out:../css/messageNotifi.css
@import url(../introduce.less);
.notice{
  p{
    opacity: 0;
    margin-top: (24.23/@rem);
    margin-left:(22/@rem) ;
    font-size: @s14;
    color: #818181;
  }
  .allow{
    margin-top: (5.77/@rem);
    height:(60/@rem);
    background-color: #fff;
    display: flex;
    align-items: center;
    .text{
      font-size: @s16;
      line-height: (22/@rem);
      margin-left: (22.5/@rem);
    }
    .btn{
      position: relative;
      width: (60/@rem);
      height: (32/@rem);
      border-radius: (16/@rem);
      background-color:#EDEDED;
      margin-left: (118/@rem);
      border: none;
      .dot{
        position: absolute;
        top: 50%;
        left: (4/@rem);
        transform: translateY(-50%);
        width: (24/@rem);
        height: (24/@rem);
        border-radius: 50%;
        background-color: #fff;
      }
    }
    .btn.active{    
      background-color:#EF4F3F;
      .dot{
        left:(30/@rem);
        
      }
    }
  }
}